/* fade */
.fade-enter-active, .fade-leave-active
  transition opacity 0.28s
.fade-enter, .fade-leave-active
  opacity 0
/* fade-transform */
.fade-transform-leave-active, .fade-transform-enter-active
  transition all 0.5s
.fade-transform-enter
  opacity 0
  transform translateX(-30px)
.fade-transform-leave-to
  opacity 0
  transform translateX(30px)
/* breadcrumb transition */
.breadcrumb-enter-active, .breadcrumb-leave-active
  transition all 0.5s
.breadcrumb-enter, .breadcrumb-leave-active
  opacity 0
  transform translateX(20px)
.breadcrumb-move
  transition all 0.5s
.breadcrumb-leave-active
  position absolute
/* diy style */
.router-animation
  opacity 0
  animation-name slideRouter
  animation-duration 0.5s
  animation-fill-mode forwards
  @keyframes slideRouter
    0%
      transform translateX(-30px)
      opacity 0
    100%
      transform translateX(0)
      opacity 1